.item {
	/* height: 30px; */
}

.warp {
	/* overflow: hidden; */
	/* height: 30px; */
}
.a {
	background: #f00;
	float: left;
	width: 30%;
}

.b {
	background: #888;
	float: left;
	width: 30%;
	height: 30px;
}

.c {
	background: green;
	float: left;
	width: 30%;
	height: 30px;
}

.d {
	height: 200px;
	background: blue;
}

.warp:after {
	clear: both;
	content: '';
	display: block;
}

.e {
	height: 30px;
	width: 100%;
	background: yellow;
}

.clear {
	clear: both;
}